<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="房源.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="container ">
        <div class="logo"><a href="#"><img src="./img/微信图片_20211117100113.png" alt=""></a><span
            class="glyphicon glyphicon-map-marker" aria-hidden="true">
            <div>太原</div>
          </span></div>
        <div class="daohang">
          <ul class="ul-1">
            <li><a href="../二手房/二手房.html">二手房</a></li>
            <li><a href="#">租房</a></li>
            <li><a href="#">相寓</a></li>
            <li><a href="#">新房</a></li>
            <li><a href="#">海外</a></li>
            <li><a href="#">小区</a></li>
            <li><a href="#">经纪人</a></li>
            <li><a href="#">知识</a></li>
            <li><a href="#">房价</a></li>
            <li><a href="#">发布房源</a></li>
          </ul>
        </div>
        <div class="denglu">
          <div>
            <span><a href="../denglu.html">登录</a></span>
            <span><a href="../denglu.html">注册</a></span>
          </div>
        </div>
    </div>
      <hr>
      <div class="container body1">
        <div class="row">
          <div class="col-md-7">
            <p>富力启栖谷精装两居 全南户型小高层公摊小 大红本可按揭</p>
            <div class="biaoqian">随时看</div><div class="biaoqian">满二年</div>
          </div>
        </div>
      </div>
      <div class="container body2">
          <div class="row">
              <div class="col-md-7 body2-1 preview_img">
                  <div class="col-md-12">
                      <a href="./img/1114957335214b958c7d1aa4f5814a02.jpg" target="_blank"><img src="./img/1114957335214b958c7d1aa4f5814a02.jpg" alt=""></a></div>
                  <div class="mask"></div>
                    <div class="col-md-12 big">
                        <img src="./img/1114957335214b958c7d1aa4f5814a02.jpg" alt="" class="bigImg">
                  </div>                   
                </div>
                <div class="col-md-5">
                  <div class="hang hang1">
                    <div class="box box1"><span>75</span>万</div>
                    <div class="box box2">
                      <div>1.09万/m<sup>2</sup></div>
                    </div>
                  </div>
                  <div class="hang hang2">
                    <div class="box box1"><p class="p1">2室2厅</p><p>高楼层</p></div>
                    <div class="box box1" ><p class="p1">88m<sup>2</sup></p>
                    <p>精装</p></div>
                    <div class="box"><p class="pi">南</p><p>2021年建</p></div>
                  </div>
                  <div class="hang hang3"><p class="box">小区:<a href="#">富力东街富力城</a></p>
                    <p class="box">建筑类型:板楼</p>
                    <p class="box">区域:<a>杏花岭</a></p>
                    <p>看房时间：随时看房</p>
                  </div>
                </div>
          </div>
      </div>
      <div>
        <div id="footer" class="">
          <div class="inner home-inner">
            <div class="footer-social">
              <p>企业服务热线和举报投诉/未成年人举报渠道 <span>400 065 5799</span></p>
              <p>工作日 <span>8:00 - 22:00</span></p>
              <p>休息日 <span>9:30 - 18:30</span></p>
            </div>
            <div class="footer-about clear-fix">
              <dl>
                <dt>企业服务</dt>
                <dd>
                  <a href="https://www.zhipin.com/job_detail/" ka="link-search">职位搜索</a>
                  <a href="https://news.zhipin.com/" ka="link-news">新闻资讯</a>
                  <a href="https://app.zhipin.com/" ka="link-app">我愛我家APP</a>
                  <a href="https://ir.zhipin.com/" target="_blank" ka="link-ir">投资者关系</a>
                </dd>
              </dl>
              <dl>
                <dt>使用与帮助</dt>
                <dd>
                  <a href="https://about.zhipin.com/agreement" rel="nofollow" ka="link-privacy" target="_blank">协议与规则</a>
                  <a href="https://about.zhipin.com/agreement?id=personalinfopro" rel="nofollow" ka="link-privacy"
                    target="_blank">个人信息保护政策</a>
                  <a href="https://www.zhipin.com/activity/cc/anticheatguide.html?ka=link-anticheatguide" rel="nofollow"
                    ka="link-anticheatguide" target="_blank">防骗指南</a>
                  <a href="https://www.zhipin.com/activity/cc/usehelp.html" rel="nofollow" ka="link-usehelp"
                    target="_blank">使用帮助</a>
                </dd>
              </dl>
              <dl>
                <dt>联系客服</dt>
                <dd>
                  <p>北京华品博睿网络技术有限公司</p>
                  <p>公司地址 北京市朝阳区太阳宫中路16号院1号楼18层1801内09</p>
                  <p>违法和不良信息举报邮箱/未成年人举报渠道 <a class="report-mail" href="mailto:jubao@kanzhun.com"
                      rel="nofollow">jubao@kanzhun.com</a></p>
                </dd>
              </dl>
            </div>
            <div class="copyright">
              <p>
                <span>Copyright © 2021 我愛我家</span><span><a href="https://beian.miit.gov.cn/" rel="nofollow" ka="link-icp"
                    target="_blank">京ICP备14013441号-5</a></span><span>京ICP证150923号</span><span>京网文[2020]0399-066 号</span>
                <span>
                  <a href="https://www.zhipin.com/activity/cc/businesslicense.html" rel="nofollow" ka="link-businesslicense"
                    target="_blank">
                    <img src="https://static.zhipin.com/v2/web/geek/images/icon-badge-1.png" alt="">
                    电子营业执照
                  </a>
                </span>
                <span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502032801" rel="nofollow"
                    ka="link-beian" target="_blank"> 京公网安备11010502032801</a></span>
                <span><a href="http://sdwj.zhipin.com/web/index.html" rel="nofollow" ka="link-sdwj"
                    target="_blank">朝阳网警</a></span>
                <span><a href="https://www.zhipin.com/web/common/protocol/hr-service.html" rel="nofollow"
                    ka="link-hr-service" target="_blank">人力资源服务许可证</a></span>
                <span><a href="https://www.12377.cn" rel="nofollow" ka="link-12377" target="_blank">网上有害信息举报专区</a></span>
                <span class="renshe-phone">朝阳区人社局监督电话</span>
              </p>
            </div>
          </div>
        </div>
    
      </div>
    


    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script src="./房源.js"></script>
</body>
</html>